
let laypage = layui.laypage
let data_A = {
  pagenum: 1,
  pagesize: 2
}

fun()


function fypz(t) {
  laypage.render({
    elem: 'qwer',
    count: t,
    limit: data_A.pagesize,
    limits: [2, 3, 5, 10, 15],
    curr: data_A.pagenum,
    layout: ['limit', 'prev', 'page', 'next', 'count', 'skip'],
    jump: function (obj, first) {
      //obj包含了当前分页的所有参数，比如：
      console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
      console.log(obj.limit); //得到每页显示的条数

      //首次不执行
      if (!first) {
        data_A.pagenum = obj.curr;
        data_A.pagesize = obj.limit;
        fun()
      }

    }
  });
}

// 渲染==========================
function fun() {

  $.ajax({
    url: '/admin/users',
    data: data_A,
    success: function (res) {
      console.log(res);
      if (res.status == 0) {
        let lb = ''
        res.data.forEach(itme => {

          lb += `
        <tr>
        <td>${itme.id}</td>
           <td>${itme.username}</td>
      <td>${itme.nickname}</td>
      <td>${itme.email}</td>
      <td>
      <a href="./edit.html?id=${itme.id}" class="layui-btn layui-btn-sm layui-btn  layui-btn">编辑</a>
          <button data-id=${itme.id} class=" layui-btn layui-btn-sm layui-btn layui-btn-danger">删除</button>
          <button data-id=${itme.id} class=" layui-btn layui-btn-sm layui-btn layui-btn-normal">重置密码</button>
      </td>
    </tr>
          `


        }); $('#tbody').html(lb)
        fypz(res.total)

      }
    }

  })
}


$('#tbody').on('click', 'button:contains("删除")', function () {
  id = $(this).data('id')
  layer.open({

    anim: 1,
    title: '23333333333'
    , content: '慎重点，删了就没了！确定？'
    , yes: function (index, layero) {
      $.ajax({
        url: `/admin/users/${id}`,
        type: 'DELETE',
        success: function (res) {
          console.log(res);
          if (res.status == 0) {
            layer.msg(res.message);
            fun()

          }
        }

      })
      //如果设定了yes回调，需进行手工关闭
    }
  });






})


// 编辑====================
let id
$('#tbody').on('click', 'button:contains("编辑")', function () {
  id = $(this).data('id');

  bianji()



})
// 编辑end====================
// 重置密码====================
let form = layui.form
form.verify({
  pass: function (value) {
    if (!/^[\S]{6,12}$/.test(value)) {
      return "密码指定有点问题"
    }
  }
  ,
  same: function (val) {
    // 形参val表示 使用该规则的输入框的值；本例中，重复密码使用了这个验证规则，所以形成val表示用户输入的重复密码
    if ($('#xinmima').val() !== val) {
      return '行！两个密码指定不是一样的';
      // return '验证不通过时的提示';
    }
  }
});
$('#tbody').on('click', 'button:contains("重置密码")', function () {

  id = $(this).data('id');
  let index = layer.open({
    type: 1,
    anim: 3,
    title: '简单的改点密码',
    content: $('#passwordxg').html(),
    area: ['500px', '250px'],
  });
  $('#mima').blur(function () {


      $('.passff').on('submit', function (e) {

        e.preventDefault();
        let fs = $(this).serializeArray();
        $.ajax({
          type: 'PUT',
          url: `/admin/users/${id}`,
          data: fs,

          success: function (res) {
            if (res.status == 0) {
              layer.msg(res.message, { time: 1000 }, function () {
                layer.close(index);
              })

            };

          }
        })

      })





  })



})

// 重置密end====================

// ajax请求修改信息========================

// ajax请求修改信息end========================


// layer.verify({
//   username: function (value, item) { //value：表单的值、item：表单的DOM对象
//     if (!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
//       return '用户名不能有特殊字符';
//     }
//     if (/(^\_)|(\__)|(\_+$)/.test(value)) {
//       return '用户名首尾不能出现下划线\'_\'';
//     }
//     if (/^\d+\d+\d$/.test(value)) {
//       return '用户名不能全为数字';
//     }

//     //如果不想自动弹出默认提示框，可以直接返回 true，这时你可以通过其他任意方式提示（v2.5.7 新增）
//     if (value === 'xxx') {
//       alert('用户名不能为敏感词');
//       return true;
//     }
//   }

//   //我们既支持上述函数式的方式，也支持下述数组的形式
//   //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
//   , pass: [
//     /^[\S]{6,12}$/
//     , '密码必须6到12位，且不能出现空格'
//   ]
// });